<template>
	<view class="om_hd bg-steelblue">
		<button class="tui-center" style="width: 98%;height: 35px;margin-top: 4px;color: #666;display: flex;justify-content:center" type="default" @click="click">
			<uni-icons color="#999999" class="uni-searchbar__box-icon-search" size="18" type="search" />
			<text class="text-df" style="display: flex;justify-content:center">{{placeHolder}}</text>
		</button>
	</view>
</template>

<script>
	export default {
		props:{
			placeHolder:{
				type:String,
				default(){
					return "搜索"
				}
			},
			hasBgColor:{
				type:Boolean,
				default(){
					return false
				}
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			click(){
				this.$emit('click')
			}
		}
	}
</script>

<style>
	
	.uni-searchbar__box {
		/* #ifndef APP-NVUE */
		display: flex;
		box-sizing: border-box;
		/* #endif */
		overflow: hidden;
		position: relative;
		flex: 1;
		justify-content: center;
		flex-direction: row;
		align-items: center;
		height: $uni-searchbar-height;
		padding: 5px 8px 5px 0px;
		border-width: 1rpx;
		border-style: solid;
		border-color: $uni-border-color;
	}
.uni-searchbar__box-icon-search {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		width: 32px;
		justify-content: center;
		align-items: center;
		color: $uni-text-color-placeholder;
	}
</style>
